<template>
	<view class="text" v-html="text" :data-theme="theme" :class="theme" :style="globalColor.style"></view>
</template>

<script>
import { agreementPrivacy } from '@/api/index';
export default {
	data() {
		return {
			theme: getApp().globalData.appTheme,
						globalColor: getApp().globalData.globalColor,
			text: ''
		};
	},
	created() {
		agreementPrivacy().then(res => {
			this.text = res.data;
		});
	}
};
</script>

<style scoped>
.text {
	/*margin: auto;*/
	padding: 30rpx;
	line-height: 46rpx;
	font-size: 28rpx;
	color: var(--contentFontDarkColor);
	word-break: break-all;
	word-wrap: break-word;
}

@media (max-width: 800rpx) {
	.text {
		max-width: 100%;
	}
}
.text /deep/ a{ color: var(--contentFontDarkColor);}
</style>
